<template>
	<view class="goods-nav-bar safeArea" 
		:class="{ 'jc-navbar-fixed': fixed}"
		:style="{
			height: height+'rpx',
			backgroundColor: backgroundColor}">
			<view class=""></view>
			<view class="content">
				<slot name="left" />
			</view>
			<view class="content">
				<slot name="button" />
			</view>
	</view>
</template>

<script>
	export default{
		props:{
			height:{
				type: Number,
				default: 120
			},
			fixed:{
				type: Boolean,
				default: true
			},
			backgroundColor:{
				type: String,
				default: '#FFFFFF'
			},
		},
		data() {
			return {
				
			}
		},
		methods:{
		},
	}
</script>

<style lang="scss" scoped>
	.goods-nav-bar{
		width: 750rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		.content{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content:flex-end;
		}
	}
	.jc-navbar-fixed{
		position: fixed;
		bottom: 0;
		z-index: 99;
	}
</style>
